<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="./order.css">
		<link rel="stylesheet" href="fonts/iconfont.css">
		<title></title>
	</head>
	<body id="top">
		<div class="top-bar tonglan">
			<div class="top-nav-wrapper w">
				<div class="top-nav-left">
					<ul>
						<li><a href="">企业采购</a></li>
						<li><a href="">经销商之家</a></li>
						<li><a href="">TCL APP</a></li>
						<li><a href="">人才招聘</a></li>
					</ul>
				</div>
				<div class="top-nav-right">
					<ul>
						<li>
							<a href="">微信商城</a>
							<div class="right-img">
								<img src="images/bg1.jpg" alt="">
								<p>微信扫描<br>下单购买</p>
							</div>
						</li> <span></span>
						<li>
							<a href="">TCL APP商城</a>
							<div class="right-img">
								<img src="images/app-top.png" alt="">
								<p>下载TCL APP<br>一键下载购买</p>
							</div>
						</li> <span></span>
						<li><a href="order/order.html">我的订单</a></li> <span></span>
						<li><a href="cart/cart.html">购物车(3)</a></li> <span></span>
						<li class="list-title"><a href="">use1</a>
							<div class="list-wrapper">
								<div>
									<a href="">
										<img src="images/tcl_image1.jpg" alt="">
									</a>
									<span>use1</span>
									<span>优惠卷0</span>
								</div>
								<ul class="list">
									<li>
										<a href="profile/profile.html">个人中心</a>
									</li>
									<li>
										<a href="">我的产品</a>
									</li>
									<li>
										<a href="">我的收藏</a>
									</li>
									<li>
										<a href="">账号管理</a>
									</li>
									<li>
										<a href="">评价管理</a>
									</li>
									<li>
										<a href="login/logon.html">退出登录</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="w">
			<div class="order-top">
				<a href="home2/home2.html">
					<img src="images/LOGO_2.png" alt="">
				</a>
				<span>订单提交信息</span>
			</div>
			<div class="order-container-wrapper">
				<div class="order-container-title">
					<h5>商品和优惠券</h5>
					<button>返回购物车</button>
				</div>
				<div class="order-container">
					<img src="images/sp01.png" alt="">
					<p>TCL 98Q10G 98英寸 Mini LED 672黄金分区/XDR 1600nits/4K 120Hz/2.1声道安桥音响/金属全面屏电视&nbsp;&nbsp;22999元 x1</p>
					<span>有货</span>
					<span>22999.00元</span>
					<h6>电视</h6>
				</div>
			</div>
			<div class="order-coupons-wrapper">
				<div class="order-coupons-title">
					<i class="iconfont icon-coupons"></i>
					<h5>使用优惠券</h5>
				</div>
				<div class="order-coupons">
					<span>暂无可用优惠券</span>
					<span class="coupon">使用其他优惠券</span>
					<form action="">
						<div class="coupons">
							<input type="text">
							<button type="button">确认</button>
						</div>
					</form>
				</div>
			</div>
			<div class="order-phone-wrapper">
				<div class="order-phone-title">
					<h5>验证手机</h5>
					<span>我们可能会通过联系手机号与您沟通订单或付款相关事宜。</span>
				</div>
				<div class="order-phone">
					<span>联系人手机号</span>
					<input type="text">		
				</div>
			</div>
			<div class="order-adress-wrapper">
				<div class="order-adress-title">
					<h5>收货地址</h5>
				</div>
				<div class="order-adress">
					<div>
					</div>
					<button class="btn-add">新增</button>
					<form name="abc" action="">
						<div class="dialog">
							<input name="index" value="-1" type="hidden">
							<div>姓名:</div> <input name="name" type="text">
							<div>手机号:</div> <input name="mobile" type="text">
							<div>座机号:</div> <input name="tel" type="text">
							<div>地址:</div> <select class="region region-province" name="select" id=""></select>-
							<select class="region region-city" name="select" id=""></select>-
							<select class="region region-area" name="select" id=""></select>-
							<select class="region region-street" name="select" id=""></select>
							<div>详细地址:</div> <input name="close" type="text">
							<button type="button" class="btn-save">保存</button>
							<button type="button" class="btn-cencel">取消</button>
						</div>
					</form>
				</div>
				<div class="order-adress-bottom">
					<p>发票</p>
					<button style="border: 1px solid red;color: red;">电子发票</button>
					<button>增值税发票</button>
					<span>发票抬头:&nbsp;雷达</span>
					<span>电子发票法律效力、基本用途及使用规定同纸质发票。&nbsp;不随商品寄送。&nbsp;什么是电子发票</span>
				</div>
			</div>
			<div class="order-bottom">
				<h5>买家留言</h5>
				<input type="textarea" placeholder="选填(请输入你的留言)">
			</div>
			<div class="order-foot">
				<div>
					<div class="div-justify">
						<p>商品件数:</p>
						<span>1件</span>
					</div>
					<div class="div-justify">
						<p>商品总价：</p>
						<span>22999.00元</span>
					</div>
					<div class="div-justify">
						<p>活动优惠:</p>
						<span>-0.00元</span>
					</div>
					<div class="div-justify">
						<p>优惠券:</p>
						<span>-0.00元</span>
					</div>
					<div class="div-justify">
						<p>运费:</p>
						<span>800元</span>
					</div>
					<div class="div-justify">
						<p style="font-size: 20px; color: red; margin-top: 10px;">应付总额:</p>
						<span style="font-size: 20px; color: rgb(240，65，85);">23799.00元</span>
					</div>
				</div>
				<div class="order-button-wrapper">
					<button>提交订单</button>
				</div>
			</div>
		</div>
		<div class="ricker">
			<div>
				<i class="iconfont icon-Customer"></i>客服
			</div>
			<div>
				<a href="#top"><i class="iconfont icon-top"></i>顶部</a>
			</div>
		</div>
		<div class="tonglan bottom-wrapper">
			<div class="w">
				<div class="bottom">
					<h4>帮助中心</h4>
					<ul>
						<li><a href="">购物指南</a></li>
						<li><a href="">支付方式</a></li>
						<li><a href="">配送方式</a></li>
						<li><a href="">交易条款</a></li>
						<li><a href="">电子发票</a></li>
					</ul>
				</div>
				<div class="bottom">
					<h4>服务支持</h4>
					<ul>
						<li><a href="">售后服务</a></li>
						<li><a href="">主动服务</a></li>
						<li><a href="">进度查询</a></li>
						<li><a href="">视频教程</a></li>
					</ul>
				</div>
				<div class="bottom">
					<h4>客户服务</h4>
					<ul>
						<li><a href="">内购平台</a></li>
						<li><a href="">企业采购</a></li>
						<li><a href="">经销商之家</a></li>
						<li><a href="">十分到家</a></li>
					</ul>
				</div>
				<div class="bottom">
					<h4>关注我们</h4>
					<ul>
						<li><a href="">联系我们</a></li>
						<li><a href="">官方微博</a></li>
						<li><a href="">授权体验店</a></li>
						<li><a href="">合作加盟</a></li>
					</ul>
				</div>
				<div class="bottom">
					<h4>应用服务</h4>
					<ul>
						<li><a href="">雷鸟</a></li>
						<li><a href="">欢网</a></li>
						<li><a href="">金融</a></li>
						<li><a href="">教育</a></li>
						<li><a href="">全球播</a></li>
						<li><a href="">T商智云</a></li>
					</ul>
				</div>
				<div class="bottom">
					<h4>微信商城</h4>
					<div>
						<img src="images/bg1.jpg" alt="">
					</div>
				</div>
				<div class="bottom">
					<h4>TCL&nbsp;APP&nbsp;商城</h4>
					<div>
						<img src="images/app-top.png" alt="">
					</div>
				</div>
				<div class="bottom bottom-last">
					<h4>4008-12346</h4>
					<p>(24小时在线，仅收市话费)</p>
					<button type="button"><a href="">24小时在线客服</a></button>
				</div>
			</div>
		</div>
		<div class="foot">
			<iframe src="footer/footer.html" frameborder="0"></iframe>
		</div>

		<script src="order.js"></script>
		<script src="PC/regions.js"></script>
		<script src="PC/regions_picker.js"></script>
	</body>
</html>